<div>
    <div>
        <div class="panel panel-default  m-n">
            <div class="panel-heading font-bold">添加手机号码</div>
            <div class="panel-body">
                <form name="phoneForm" role="form" class="ng-pristine ng-valid" ng-submit="addMobilePhoneWhite()">
                    <div class="m-b-xs">
                        <div class="pull-left">
                            <label>手机号码:</label>
                        </div>
                        <div class="pull-left" ng-if="phoneForm.phone.$touched">
                            <span class="text text-danger" ng-if="phoneForm.phone.$error.required">手机号码是必填的</span>
                            <span class="text text-danger" ng-if="phoneForm.phone.$error.pattern">手机号码格式有误</span>
                        </div>
                        <input type="text" name="phone" ng-model="phone" class="form-control" placeholder="输入手机号码" ng-pattern="/^1[34578]\d{9}$/" required>
                    </div>
                    <div class="text-right">
                        <button class="btn btn-sm btn-info" type="submit" ng-disabled="phoneForm.$invalid">确定</button>
                        <div class="btn btn-sm btn-default" ng-click="cancel()">取消</div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>